import React from 'react';
import { Layout } from 'antd';
import HeaderView from '../components/Header/Header'; // 引入Header组件
import { Outlet } from 'umi';
import * as url from "url";
import "./index.less"
import {Content} from "antd/es/layout/layout";


const { Footer } = Layout;

const BasicLayout = () => {
    return (
        <Layout style={{  position: 'relative', minHeight: '100vh' }}>
            <HeaderView  />
            <Content className="main-container">
                <div >
                    <Outlet /> {/* 路由出口，渲染页面组件 */}
                </div>

            </Content>
            {/*<Footer style={{ textAlign: 'center' }}>*/}
            {/*    Ant Design ©2018 Created by Ant UED*/}
            {/*</Footer>*/}
        </Layout>
    );
};

export default BasicLayout;